body{

}
@-webkit-keyframes fadeInOut {
    0% {
        opacity:0;
     }
    100% {
        opacity:0.3;
    }
}
.popWindow {
    background-color:rgb(0, 0, 0);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: alpha(opacity=50);
    opacity: 0.3;
    z-index: 1;
    position: absolute;
    -webkit-animation-name: fadeInOut; /*动画名称*/
    -webkit-animation-duration: 0.8s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
}

.search_context{
    width: 55%;
    margin: 0 auto;
    margin-top: 12%;
    text-align: center;
    /* border: 1px solid red; */
}

.search{
    margin: 0 auto;
    width: 55%;
    height: 30%;
    /* border: 1px solid #fff; */
    /* -moz-box-shadow:1px 0px 8px #333333; -webkit-box-shadow:1px 0px 8px #333333; box-shadow:1px 0px 8px #333333; */
}
.maskLayer{
    z-index: 2;
    position: relative;
}

.search_tab{
    margin: 20px;
}

.web_list{
    width: 100%;
    height: 400px;
    /* border: 1px solid rgb(16, 179, 138); */
    margin-top: 30px;
}
.tabs{
    width: 100%;
    height: 100%;
    padding: 10px;
    background:rgba(255, 253, 253, 0.477);
    border-radius:10px;
    display:inline-block;
    -moz-box-shadow:1px 0px 8px #333333; -webkit-box-shadow:1px 0px 8px #333333; box-shadow:1px 0px 8px #333333;
    /* border: 1px solid red; */
    
}